<route lang="json5" type="home">
{
  style: {
    navigationStyle: 'default',
    navigationBarTitleText: '首页',
  },
}
</route>

<template>
  <view>
    <uv-swiper
      :list="swiperItemList"
      previous-margin="27.5"
      next-margin="27.5"
      key-name="url"
      radius="5"
      height="180"
      indicator-mode="line"
      indicator
      circular
      autoplay
    ></uv-swiper>
    <cp-card :title="gymInfo?.fieldName" :description="gymInfo?.fieldDesc" indented></cp-card>
  </view>
</template>

<script setup lang="ts">
import swiper1 from '@/static/image/swiper1.png'
import swiper2 from '@/static/image/swiper2.png'
import swiper3 from '@/static/image/swiper3.png'
import { FieldInfo, ListItem } from '@/pages/switch-tab/home/data'

const swiperItemList = ref<Array<ListItem>>([
  {
    url: swiper1,
    text: 'swiper1',
  },
  {
    url: swiper2,
    text: 'swiper2',
  },
  {
    url: swiper3,
    text: 'swiper3',
  },
])
const gymInfo = ref<FieldInfo>({
  fieldName: '体育馆',
  fieldDesc:
    '体育馆，室内进行体育比赛，体育锻炼亦或是举办演唱会的建筑。体育馆按使用性质可分为比赛馆和练习馆两类；按体育项目可分为篮球馆、冰球馆、田径馆等；按体规模可分为大、中、小型，一般按观众席位多少划分，中国现把观众席超过8000个的称为大型体育馆，少于3000个的称为小型体育馆，介于两者之间的称为中型体育馆。有时，体育馆也作为演艺中心进行各种表演活动。',
})
</script>
